<!DOCTYPE html>
<style>
  #wrapper {
    visibility: hidden;
    position: absolute;
    width: 600px;
  }
  .outer {
    display: inline;
    position: relative;
    float: right;
    width: 100px;
    height: 100px;
    margin-right: 100px;
  }
  .inner {
    float: left;
    height: 100px;
    position: relative;
    width: 100px;
  }
  .abs_pos { position: absolute; }
  #container { float: right; width: 500px}
  .item {
    visibility: visible;
    background-color: green;
    width: 100px;
    height: 100px;
  }
</style>

<p>This is a reduction for http://crbug.com/371640.</p>
<p>The test PASSES if you see 1 green square and no red square.</p>

<div id='wrapper'>
 <div id='container'>
  <div id='keep_outer' class="outer">
   <div class='abs_pos'>
    <div id='keep_inner' class="inner">
     <div id='keep' class="item">&nbsp;</div>
    </div>
   </div>
  </div>
 </div>
</div>
